<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>销售详情</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/cssreset.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_413555_1hukl6gttj57mn29.css"/>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div class="wrapper">
			<div class="main">
				<div class="mainwrap">
					<!-- 搜索框 -->
					<div class="detail_search">
						<input type="number" class="year" /><span>年</span>
						<input type="number" class="month" /><span>月</span>
						<button>搜索</button>
					</div>
					<!-- 搜索框END -->
					
					<!--销售人员信息-->
					<div class="saler_info">
						<h4>销售信息</h4>
						<ul>
							<li class="full">时间：全部</li>
							<li>姓名：刘依依</li>
							<li>电话：13600000000</li>
							<li>业绩：1500.00元</li>
							<li>部署：3家</li>
							<li>缴费：3家</li>
						</ul>
					</div>
					<!--销售人员信息END-->
					
					<!--销售详情列表-->
					<div class="salesList">
						<table class="table">
							<thead>
								<tr>
									<th>店铺名</th>
									<th>部署时间</th>
									<th>状态</th>
									<th>到期时间</th>
									<th>已缴纳费用</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>漂亮宝贝</td>
									<td>2017.10.20</td>
									<td>体验版</td>
									<td>2018.10.20</td>
									<td>123.00元</td>
								</tr>
							</tbody>
						</table>
						<p class="note">共有记录34条，本页10条。</p>
					</div>
					<!--销售详情列表END-->
					
					<!-- 分页  -->
					<div class="pagenation">
						<a href="javascript:;" class="prev"><</a>
						<span class="current">1</span>
						<span>2</span>
						<span>3</span>
						<span>4</span>
						<a href="javascript:;" class="next">></a>
					</div>
					<!-- 分页 END -->
				</div>
			</div>
		</div>
	</body>
	
	<script>
		$(function(){
			var winH = $(window).height();
			$('.main').height(winH);
		});
	</script>
</html>
